{% load staticfiles %}
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
{#<title>{% block title %}{% endblock %}</title>#}

<link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
<link rel="stylesheet" href="{% static 'css/my.css' %}">
<link rel="stylesheet" href="{% static 'css/bootstrap-theme.css' %}">
<script src="{% static 'js/jquery.js' %}"></script>
<script src="{% static 'js/bootstrap.js' %}"></script>

<body style="background-color: #F0F0F0">
<!-- header -->
<nav class="navbar navbar-default" role="navigation" style="height:100px;background-color:#003399">
    <div class="container-fluid">
        <!-- logo和 空天信息工程研究中心-->
        <div class="navbar-header">
            <span id="logoTitleSpan" class="navbar-brand">
                <img id="webLogo" src="{% static 'img/logo.png' %}">
                <a id="webTitle" href="#">空天信息工程研究中心</a>
            </span>
        </div>
        <ul class="nav navbar-nav navbar-right myfirstNav_head">
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">实验室概况 <span class="caret"></span></a>
                <ul class="dropdown-menu mysecondNav_head" role="menu">
                    <li><a href="#">实验室简介</a></li>
                    <li><a href="#">学术委员会</a></li>
                    <li><a href="#">实验室主任</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">科研队伍 <span class="caret"></span></a>
                <ul class="dropdown-menu mysecondNav_head" role="menu">
                    <li><a href="#">教师</a></li>
                    <li><a href="#">博士后</a></li>
                    <li><a href="#">博士生</a></li>
                    <li><a href="#">硕士生</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">科学研究 <span class="caret"></span></a>
                <ul class="dropdown-menu mysecondNav_head" role="menu">
                    <li><a href="#">概述</a></li>
                    <li><a href="#">研究方向</a></li>
                    <li><a href="#">研究课题</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">研究成果 <span class="caret"></span></a>
                <ul class="dropdown-menu mysecondNav_head" role="menu">
                    <li><a href="#">学术论文</a></li>
                    <li><a href="#">学位论文</a></li>
                    <li><a href="#">学术报告</a></li>
                    <li><a href="#">科研奖励</a></li>
                    <li><a href="#">发明专利</a></li>
                </ul>
            </li>
            <li><a href="#">新闻信息</a></li>
            <li><a href="#">人才招聘</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
    </div>
    <!-- /.navbar-collapse -->

</nav>

{% block content %}

{% endblock %}

<!-- footer -->
<div id="footer" class="container-fluid">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="row">
                <!-- 底部链接 -->
                <div class="col-md-3">
                    <ul class="myfooterUl">
                        <li><a href="#">实验室概况</a><a href="#">科研队伍</a><a href="#">科学研究</a></li>
                        <li><a href="#">研究成果</a><a href="#">新闻信息</a><a href="#">人才招聘</a></li>
                        <li id="footerDivider" class="divider"></li>
                        <li><a href="#">北京大数据研究院</a><a href="#">北京大学工学院</a></li>
                        <li><a href="#">北京大学工学院航空航天工程系</a></li>
                    </ul>
                </div>
                <!-- 北大标识 -->
                <div class="col-md-6">
                    <img id="bkLogo" src="{% static 'img/bkLogo.svg' %}"/>
                    <img id="erwei" src="{% static 'img/erwei.png' %}"/>
                </div>
                <!-- 联系我们 -->
                <div class="col-md-3">
                    <p>
                        地址：中国 北京大学遥感楼三层 316<br><br>

                        邮箱：pkuchenbo@pku.edu.cn<br><br>

                        电话：010 － 62760578<br><br>

                        @ 北京大学工学院版权所有 @2017-2027<br><br>

                    </p>
                </div>
            </div>
        </div>
        <div class="col=md=1"></div>
    </div>
</div>

<div id="test" class="container-fluid">
    <div class="row">
        <div class="col-md-1"></div>
        <div class="col-md-10">
            <div class="row">
                <div class="col-md-1" style="background-color: #EEEEEE">1</div>
                <div class="col-md-1" style="background-color: #FFFFFF">2</div>
                <div class="col-md-1" style="background-color: #EEEEEE">3</div>
                <div class="col-md-1" style="background-color: #FFFFFF">4</div>
                <div class="col-md-1" style="background-color: #EEEEEE">5</div>
                <div class="col-md-1" style="background-color: #FFFFFF">6</div>
                <div class="col-md-1" style="background-color: #EEEEEE">7</div>
                <div class="col-md-1" style="background-color: #FFFFFF">8</div>
                <div class="col-md-1" style="background-color: #EEEEEE">9</div>
                <div class="col-md-1" style="background-color: #FFFFFF">10</div>
                <div class="col-md-1" style="background-color: #EEEEEE">11</div>
                <div class="col-md-1" style="background-color: #FFFFFF">12</div>
            </div>
        </div>
        <div class="col=md=1"></div>
    </div>
</div>
</body>
</html>